<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>v-text</title>
</head>

<body>
    <div id="app">
        <!-- 直接写对应的变量名称, 在 v-text 中 赋值的时候不要在写 插值语法 -->
        <div v-text="msg"></div>
        <div v-text="msg + '可以使用字符串拼接'"></div>
        <!-- Vue  中只有在标签的 内容中 才用插值语法 -->
        <!-- <div>{{msg}}</div> -->
    </div>

    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript">
        var vm = new Vue({
            el: '#app',
            data: {
                msg: 'Hello Vue !'
            }
        });
    </script>
</body>

</html>